React 오류 Uncaught Error Minified React error 418

오류상황

Uncaught Error: Minified React error #418; visit https://react.dev/errors/418?args[]= for the full message or use the non-minified dev environment for full errors and additional helpful warnings.

이유

컴포넌트 함수에서 Promise를 반환했기 때문,
서버 컴포넌트 내부에서 또 다른 async 컴포넌트를 사용했을 때 문제가 생김
기본적으로 최상위 server component는 nextjs가 직접 호출하지만 하위 컴포넌트는 react 자체가 jsx 평가 과정에서 호출하기 때문에 문제가 됨
react 19에서 나오는 use가 이런 이유 때문에 비동기 함수 결과를 JSX 안에서 안전하게 처리하기 위한 기능